body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
html, body { height:100%; position:relative;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; height:100vh; margin:0 auto; position:relative;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:1200px; height:70px; margin:auto; border-radius:35px; background:rgba(255,255,255,0.8); position:absolute; top:40px; left:0; right:0; z-index:99999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float:left; height:45px; margin:12.5px 0 0 20px;}
.header .logo img { display:block; height:100%;}

/*导航*/
.header .nav { float:right;}
.header .nav li { float:left; height:70px; text-align:center; position:relative;}
.header .nav li::after { display:block; content:""; width:0px; height:0px; margin:auto; border:0px solid #d7020f; border-radius:50%; position:absolute; left:0; top:50px; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; line-height:70px; font-size:16px; color:#333; padding:0 13px;}
.header .nav li:hover a,.header .nav li.on a { color:#d7020f;}
.header .nav li:hover::after,.header .nav li.on::after { width:5px; height:5px; border:1px solid #d7020f;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:150px; border-radius:0 0 4px 4px; background:#fff; overflow:hidden; position:absolute; top:70px; left:-30px;}
.header .nav li li { float:none; height:40px; border-bottom:1px solid #f6f6f6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li li:last-child { border-bottom:none;}
.header .nav li li::after { display:none;}
.header .nav li:hover li a { line-height:40px; font-size:14px; color:#666; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav li:hover li:hover { background:#fff;}
.header .nav li:hover li:hover a { color:#d7020f;}

/*搜索*/
.header .search { float:right; width:20px; height:70px; margin-right:20px; position:relative; overflow:hidden;}
.header .search i { display:block; width:20px; height:70px; background:url(../images/anpc_01.png) no-repeat center 28px;}
.header .search form { display:block; width:240px; height:40px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:70px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .search input { float:left; width:160px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .search .btn { width:60px; color:#fff; background:#de0505;}
.header .search.on { overflow:inherit;}
.header .search.on form { filter:alpha(opacity=100); opacity:1;}

/**首页**/
.allbody { width:100%; min-width:1200px; height:100%;}
.allbody .righrqie { right:2.3%;}
.allbody .righrqie .swiper-pagination-bullet { width:14px; height:14px; margin:10px 0; border:1px solid #ea2830; background:none; filter:alpha(opacity=100); opacity:1;}
.allbody .righrqie .swiper-pagination-bullet-active { width:15px; height:15px; border:none; background:#ea2830;}

/*banner*/
.banner { width:100%; height:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner a { display:block; width:100%;}
.banner .text { width:1200px; height:215px; color:#fff; text-align:center; margin:auto; position:absolute; top:35%; right:0; left:0; z-index:2;}
.banner .text h1 { font-size:70px; line-height:135px;}
.banner .text p { font-size:35px; line-height:50px; letter-spacing:4px;}
.banner img { display:block; width:100%; height:100vh;}
.banner .swiper-pagination-bullets,.banner .swiper-pagination-custom { bottom:15%;}
.banner .swiper-pagination-bullet {	width:15px; height:15px; margin:0 5px !important; border:1px solid #fff; border-radius:8px; background:none; opacity:1; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#fff;}
.banner .swiper-slide-active .text h1 { -webkit-animation:fade-left 1.5s forwards; animation:fade-left 1.5s forwards;}
.banner .swiper-slide-active .text p { -webkit-animation:fade-right 1.5s forwards; animation:fade-right 1.5s forwards;}

/*项目公告*/
.project { width:1200px; height:80px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:2%; z-index:2;}
.project .lft { float:left; width:80px; height:45px; font-size:20px; color:#fff; padding:35px 20px 0 20px; background:#ea2830; position:relative;}
.project .lft::after { display:block; content:""; width:20px; height:2px; background:#fff; position:absolute; left:20px; top:23px;}
.project .jectmsg { float:left; width:920px; line-height:25px;}
.project .jectmsg .mg { padding:15px 20px;}
.project .jectmsg .mg a { display:block; width:100%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.project .jectmsg .mg p { font-size:12px; color:#999;}
.project .more { float:right; width:160px; height:80px; line-height:80px; background:url(../images/anpc_04.jpg) no-repeat 0 0;}
.project .more i { display:block; width:110px; font-style:normal; font-size:14px; color:#fff; padding-left:75px; background:url(../images/anpc_02.png) no-repeat 110px center;}

/**栏目标题**/
.tits { width:100%; padding-bottom:100px;}
.tits h3 { float:left; line-height:40px; font-weight:500; font-size:25px; color:#333; text-transform:Uppercase; position:relative;}
.tits h3::after { display:block; content:""; width:25px; height:5px; background:#ea2830; position:absolute; left:0; bottom:-30px;}
.tits a { display:block; float:right; width:115px; height:40px; line-height:40px; font-size:14px; color:#fff; padding-left:30px; margin-top:30px; border-radius:20px; background:#ea2830 url(../images/anpc_02.png) no-repeat 100px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tits a:hover { box-shadow:0 5px 20px rgba(234,40,48,0.5); transform:scale(1.1,1.1);}

/**关于我们**/
.about { width:100%; overflow:hidden; background:url(../images/anpc_05.jpg) no-repeat center center / 100% 100%;}
.about .msg { width:53%; height:680px; margin:auto; position:absolute; left:0; top:0; bottom:0; z-index:2;}
.about .msg .mulu { width:804px; margin-bottom:80px; position:relative;}
.about .msg .mulu li { float:left; width:200px; height:110px; text-align:center; margin-right:1px; background:#fbfbfb; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .msg .mulu li a { display:block; width:100%; padding:20px 0 10px 0;}
.about .msg .mulu li i { display:block; width:50px; height:40px; margin:0 auto; background-position:center; background-repeat:no-repeat;}
.about .msg .mulu li p { line-height:40px; font-size:14px; color:#333;}
.about .msg .mulu li:hover { background:#ea2830;}
.about .msg .mulu li:hover p { color:#fff;}
.about .msg .mulu li .ab1 { background-image:url(../images/anpc_06.png);}
.about .msg .mulu li:hover .ab1 { background-image:url(../images/anpc_06h.png);}
.about .msg .mulu li .ab2 { background-image:url(../images/anpc_07.png);}
.about .msg .mulu li:hover .ab2 { background-image:url(../images/anpc_07h.png);}
.about .msg .mulu li .ab3 { background-image:url(../images/anpc_08.png);}
.about .msg .mulu li:hover .ab3 { background-image:url(../images/anpc_08h.png);}
.about .msg .mulu li .ab4 { background-image:url(../images/anpc_09.png);}
.about .msg .mulu li:hover .ab4 { background-image:url(../images/anpc_09h.png);}
.about .msg .nrs {}
.about .msg .nrs h2 { font-size:18px; color:#ea2830; margin-bottom:20px;}
.about .msg .nrs h2 span { margin-right:40px; position:relative;}
.about .msg .nrs h2 span::after { display:block; content:""; width:1px; height:15px; background:#ddd; position:absolute; right:-25px; top:6px;}
.about .msg .nrs h2 span:last-child::after { display:none;}
.about .msg .nrs p { line-height:35px; font-size:14px; color:#666;}
.about .msg .nrs a { display:block; width:130px; height:45px; line-height:45px; font-size:14px; color:#fff; padding-left:45px; margin-top:12%; border-radius:22.5px; background:#ea2830 url(../images/anpc_02.png) no-repeat 120px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .msg .nrs a:hover { box-shadow:0 5px 20px rgba(234,40,48,0.5); transform:scale(1.1,1.1);}
.about .img { width:45%; height:100vh; background-position:left top; background-repeat:no-repeat; background-size:100% 100%; position:absolute; right:0; top:0; z-index:1;}

/**新闻资讯**/
.news { width:100%; overflow:hidden; background:url(../images/anpc_10.jpg) no-repeat center center / 100% 100%;}
.news .center { width:100%; height:600px; margin:auto; position:absolute; left:0; top:0; bottom:0; z-index:2;}
.news .lft { float:left; width:600px;}
.news .lft li { width:100%; margin-bottom:30px;}
.news .lft li a { display:block; width:100%;}
.news .lft li .time { float:left; width:75px; height:60px; line-height:25px; font-size:12px; color:#666; text-align:center; padding-top:15px; border:1px solid #dadada; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lft li .time b { display:block; width:100%; font-size:22px; color:#333;}
.news .lft li .msg { float:right; width:510px;}
.news .lft li .msg h3 { line-height:25px; font-weight:500; font-size:14px; color:#231f20; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lft li .msg p { line-height:30px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .lft li .msg span { display:block; line-height:25px; font-size:12px; color:#666; background:url(../images/anpc_03.png) no-repeat 52px center;}
.news .lft li:hover .time { color:#fff; border-color:#ea2830; background:#ea2830;}
.news .lft li:hover .time b { color:#fff;}
.news .lft li:hover .msg h3,
.news .lft li:hover .msg span { color:#ea2830;}
.news .rgt { float:right; width:510px;}
.news .rgt a { display:block; width:100%;}
.news .rgt .img { width:510px; height:250px; overflow:hidden;}
.news .rgt .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt h3 { line-height:30px; font-weight:500; font-size:14px; color:#231f20; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt p { line-height:25px; font-size:12px; color:#999; margin:5px 0 10px 0;}
.news .rgt span { display:block; line-height:25px; font-size:12px; color:#666; background:url(../images/anpc_03.png) no-repeat 52px center;}
.news .rgt:hover img { transform:scale(1.1,1.1);}
.news .rgt:hover h3,.news .rgt:hover span { color:#ea2830;}

/**产品推荐**/
.pros { width:100%; overflow:hidden; background:url(../images/anpc_11.jpg) no-repeat center center / 100% 100%;}
.pros .center { width:100%; height:535px; margin:auto; position:absolute; left:0; top:0; bottom:0; z-index:2;}
.pros li { float:left; width:285px; text-align:center; margin-right:20px; border-radius:10px; overflow:hidden; background:rgba(255,255,255,0.8); -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros li a { display:block; padding:40px 25px 25px 25px;}
.pros li .img { width:90px; height:90px; padding:12.5px; margin:0 auto; border-radius:30px; position:relative;}
.pros li .img::after { display:block; content:""; width:115px; height:115px; margin:auto; border-radius:30px; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros li .img img { display:block; width:90px; height:90px; position:relative; z-index:2;}
.pros li h3 { line-height:35px; font-size:20px; color:#231f20; margin-top:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros li p { font-size:12px; color:#999; text-transform:Uppercase;}
.pros li span { display:block; width:40px; height:40px; margin:40px auto 0 auto; border-radius:50%; background:#9b9b9b url(../images/anpc_02.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros li .img1 { background:#c9ebb9;}
.pros li .img1::after { filter:alpha(opacity=30); opacity:0.3; background:#c9ebb9;}
.pros li .img2 { background:#feb5be;}
.pros li .img2::after { filter:alpha(opacity=30); opacity:0.3; background:#feb5be;}
.pros li .img3 { background:#ead2a2;}
.pros li .img3::after { filter:alpha(opacity=30); opacity:0.3; background:#ead2a2;}
.pros li .img4 { background:#93c5dc;}
.pros li .img4::after { filter:alpha(opacity=30); opacity:0.3; background:#93c5dc;}
.pros li:hover { box-shadow:0 0 20px rgba(0,0,0,0.05); background:#fff;}
.pros li:hover .img::after { animation:2.5s linear infinite rol; -webkit-animation:2.5s linear infinite rol;}
.pros li:hover h3 { color:#ea2830;}
.pros li:hover span { background-color:#ea2830;}
@keyframes rol {
	from { -webkit-transform:rotate(0deg);}
	to { -webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rol {
	from { -webkit-transform:rotate(0deg);}
	to { -webkit-transform:rotate(360deg)}
}

/**脚部**/
.foots { width:100%; overflow:hidden; background:url(../images/anpc_16.jpg) no-repeat center center / 100% 100%; position:relative;}
.foots .job { width:100%; text-align:center; position:absolute; top:14%; z-index:2;}
.foots .job h1 { line-height:100px; font-size:60px; color:#ea2830;}
.foots .job h3 { line-height:55px; font-weight:500; font-size:26px; color:#231f20;}
.foots .job a { display:block; width:120px; height:50px; line-height:50px; font-size:14px; color:#fff; margin:50px auto 0 auto; background:#ea2830; -webkit-transition:all .5s ease; transition:all .5s ease;}
.foots .job a:hover { width:160px; box-shadow:0 0 10px rgba(234,40,48,0.8); border-radius:25px;}

.foots .bottom { width:100%; height:300px; padding-top:135px; background:url(../images/anpc_17.png) no-repeat center top; position:absolute; bottom:0; z-index:1;}
.foots .bottom .warp { height:auto;}
.foots .bottom a:hover { color:#ea2830;}

.foots .bottom .link { line-height:25px; font-size:14px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #f5f5f5;}
.foots .bottom .link span { color:#231f20;}
.foots .bottom .link span b { font-size:30px; text-transform:Uppercase;}
.foots .bottom .link span i { display:inline-block; width:16px; height:16px; margin:0 5px 0 10px; background:url(../images/anpc_18.png) no-repeat 0 0;}
.foots .bottom .link a { color:#999; margin:0 10px 0 5px;}
.foots .bottom .link a:hover { color:#ea2830;}

.foots .bottom li { float:left; margin-right:30px;}
.foots .bottom li h3 { line-height:35px; font-size:14px; color:#231f20;}
.foots .bottom li a { line-height:25px; font-size:12px; color:#7b7b7b; -webkit-transition:all .5s ease; transition:all .5s ease;}
.foots .bottom .lanmu { float:left; width:780px;}
.foots .bottom .lanmu li a { display:block; width:100%; max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.foots .bottom .contact { float:right; width:380px; padding-left:30px; border-left:1px solid #f5f5f5;}
.foots .bottom .contact li { width:240px;}
.foots .bottom .contact p { line-height:25px; font-size:12px; color:#7b7b7b;}
.foots .bottom .contact .img { float:right; width:105px; text-align:center;}
.foots .bottom .contact .img li { width:100%; margin:15px 0 0 0; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; cursor:pointer; position:relative;}
.foots .bottom .contact .img li p { width:100%; height:35px; line-height:35px; font-family:'FontAwesome'; font-size:12px; color:#7b7b7b; text-align:center; position:relative;}
.foots .bottom .contact .img li p span { font-size:14px; margin-right:5px; position:relative; top:2px;}
.foots .bottom .contact .img li img { display:none; width:95px; height:95px; padding:5px; border:1px solid #ddd; background:#fff; position:absolute; right:115px; bottom:0; z-index:3;}
.foots .bottom .contact .img li:hover p::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 5px 0; border-color:transparent #ddd transparent transparent; position:absolute; left:-6px; bottom:12px; z-index:1;}
.foots .bottom .contact .img li:hover img { display:block;}
.foots .bottom .copy { line-height:20px; font-size:12px; color:#333; margin-top:30px; text-align:center; border-top:1px solid #f5f5f5;}

/*特效*/
@-webkit-keyframes fade-left { 
	from { -webkit-transform:translate(300px,0); -ms-transform:translate(300px,0); transform:translate(300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-left { 
	from { -webkit-transform:translate(300px,0); -ms-transform:translate(300px,0); transform:translate(300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes fade-up { 
	from { -webkit-transform:translate(0,300px); -ms-transform:translate(0,300px); transform:translate(0,300px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-up { 
	from { -webkit-transform:translate(0,300px); -ms-transform:translate(0,300px); transform:translate(0,300px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes fade-down { 
	from { -webkit-transform:translate(0,-300px); -ms-transform:translate(0,-30px); transform:translate(0,-300px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-down { 
	from { -webkit-transform:translate(0,-300px); -ms-transform:translate(0,300px); transform:translate(0,-300px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
.about.swiper-slide-active { -webkit-animation:fade-up 1.5s forwards; animation:fade-up 1.5s forwards;}
.swiper-slide-active .center { -webkit-animation:fade-up 1.5s forwards; animation:fade-up 1.5s forwards;}
.foots.swiper-slide-active .job { -webkit-animation:fade-down 1.5s forwards; animation:fade-down 1.5s forwards;}
.foots.swiper-slide-active .bottom { -webkit-animation:fade-up 1.5s forwards; animation:fade-up 1.5s forwards;}